
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    {block name='title'}
        {empty name="pageData['title']"}
        <title>{$c['web_title']}</title>
        {else/}
        <title>{$pageData['title']}</title>
        {/empty}
    {/block} 

    {block name='keywords'}
        {empty name="pageData['keywords']"}
        <meta name="keywords" content="{$c['web_keywords']}">
        {else/}
        <meta name="keywords" content="{$pageData['keywords']}">
        {/empty}
    {/block}

    {block name='description'}
        {empty name="pageData['description']"}
        <meta name="description" itemprop="description" content="{$c['web_description']}">
        {else/}
        <meta name="description" itemprop="description" content="{$pageData['description']}">
        {/empty}
    {/block}

    <link rel="stylesheet" href="/static/web/css/owl.carousel.css">
    <link rel="stylesheet" href="/static/web/css/animate.css">
    <link rel="stylesheet" href="/static/web/css/font-awesome.min.css">
    <link rel="stylesheet" href="/static/plug_in/layui-v2.5.6/css/layui.css" />
    <link rel="stylesheet" href="/static/web/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/web/css/main.css">
    <style>
        @font-face {
            font-family: 'iconfont';  /* project id 2258388 */
            src: url('//at.alicdn.com/t/font_2258388_oi5o31cu8t.eot');
            src: url('//at.alicdn.com/t/font_2258388_oi5o31cu8t.eot?#iefix') format('embedded-opentype'),
            url('//at.alicdn.com/t/font_2258388_oi5o31cu8t.woff2') format('woff2'),
            url('//at.alicdn.com/t/font_2258388_oi5o31cu8t.woff') format('woff'),
            url('//at.alicdn.com/t/font_2258388_oi5o31cu8t.ttf') format('truetype'),
            url('//at.alicdn.com/t/font_2258388_oi5o31cu8t.svg#iconfont') format('svg');
        }
        .iconfont{
            font-family:"iconfont" !important;
            font-size:16px;font-style:normal;
            -webkit-font-smoothing: antialiased;
            -webkit-text-stroke-width: 0.2px;
            -moz-osx-font-smoothing: grayscale;
        }
        .cle::after{content: '';display: block;clear: both;}
        .flex{display: flex;align-items: center;}

        #color{position: fixed;left:0;bottom:0;z-index: 999;}
        #color *{box-sizing:content-box;}
        #color span{display:block;}
    </style>
    {block name='css'}{/block}
</head>
<body>
    <div class="preloader">
        <span class="preloader-spin"></span>
    </div>
    <div class="site">
        <header>
            <div class="container">
                <div class="row">
                    <div class="col-6 col-sm-3 logo-column">
                        <a href="index.html" class="logo">
                            <img src="/uploads/{$c['web_logo']}" alt="logo">
                        </a>
                    </div>
                    <div class="col-6 col-sm-9 nav-column clearfix">
                        <!-- <div class="right-nav">
                            <span class="search-icon fa fa-search"></span>
                            <form action="#" class="search-form">
                                <input type="search" placeholder="search now">
                                <button type="submit"><i class="fa fa-search"></i></button>
                            </form>
                            <div class="header-social">
                                <a href="#" class="fa fa-facebook"></a>
                                <a href="#" class="fa fa-twitter"></a>
                                <a href="#" class="fa fa-github"></a>
                            </div>
                        </div> -->
                        <nav id="menu" class="d-none d-lg-block">
                            <ul>
                                {volist name="navDatas" id="v"}
                                    {empty name="v['sub']"}
                                        <li class="nav-active-{$key}">
                                            <a href="{:url($v.url)}">{$v.cn_name}</a>
                                        </li>
                                    {else/}
                                        <li class="has-child nav-active-{$key}">
                                            <a href="{:url($v.url)}">{$v.cn_name}</a>
                                            <ul class="sub-menu">
                                                {volist name="v['sub']" id="vo"}
                                                    {eq name="vo['jump']" value="_blank"}
                                                    <li><a href="{:url($vo.url)}?type_id={$vo.type_id}" target="_blank">{$vo.cn_name}</a></li>
                                                    {else/}
                                                    <li><a href="{:url($vo.url)}?type_id={$vo.type_id}">{$vo.cn_name}</a></li>
                                                    {/eq}
                                                {/volist}
                                            </ul>
                                        </li>
                                    {/empty}
                                {/volist}
                            </ul>
                        </nav>
                        <nav class="mobile-menu">
                           <div class="mobile-menu-1">MENU <i class="fa fa-bars"></i></div>
                        </nav>
                    </div>
                </div>
            </div>
            <div class="mobile-menu-2">
                <ul>
                    {volist name="navDatas" id="v"}
                    {empty name="v['sub']"}
                        <li>
                            <a href="{:url($v.url)}">{$v.cn_name}</a>
                        </li>
                    {else/}
                        <li>
                            <a href="#" class="mebile-menu-3"><span>{$v.cn_name}</span> <i class="fa fa-angle-right"></i></a>
                            <dl>
                                {volist name="v['sub']" id="vo"}
                                    <dd><a href="{:url($vo.url)}">{$vo.cn_name}</a></dd>
                                {/volist}
                            </dl>
                        </li>
                    {/empty}
                    {/volist}
                </ul>
            </div>
        </header>    
        <div class="big-content">
            <!--除了首页 其他页面的头部轮播 -->
            {neq name="pageData['url']" value="index/index/index"}
                <div class="page-title sp" style="background: url(/uploads/{$pageData['img']}) center center">
                    <div class="container text-center">
                        <h2>{$pageData['title']}</h2>
                        <p>{$pageData['abstract']}</p>
                    </div>
                </div> 
            {/neq}

            {block name="content"}{/block}
        </div>
        <footer>
            <div class="an2">
                <div class="a1 flex">
                    <div class="a3">
                        <div class="a6"><img src="/uploads/{$c['web_logo_bottom']}" alt=""></div>
                        <div class="a7">
                            {volist name="navDatas" id="v"  offset="1" length='4'}
                                <a href="{:url($v.url)}">{$v.cn_name}</a> |
                            {/volist}
                        </div>
                    </div>
                    <div class="a4 flex">
                        <div class="a8">
                            <div class="a9"><img src="/uploads/{$c['web_gongzhonghao']}" alt=""></div>
                            <div class="a10">微信公众号</div>
                        </div>
                        <div class="a8">
                            <div class="a9"><img src="/uploads/{$c['web_weixin_app']}" alt=""></div>
                            <div class="a10">微信小程序</div>
                        </div>
                    </div>
                    <div class="a5">
                        <div class="a11">联系我们</div>
                        <div class="a12">CONKACT US</div>
                        <div class="a13">
                            <div class="a14">联系电话：{$c['web_mobile']}</div>
                            <div class="a14">电子邮箱：{$c['web_email']}</div>
                            <div class="a14">公司地址：{$c['company_addr']}</div>
                        </div>
                    </div>
                </div>
                <div class="a2">
                    <div class="a17 flex">
                        <div class="a15">{$c['company_name']} <a href="https://beian.miit.gov.cn/" target="_blank">{$c['web_benan']}</a></div>
                        <div class="a16">
                            <a>友情链接：</a>
                            {volist name="$c['web_friendlyLink']" id="v"}
                            <a href="{$v['url']}" target="_blank">{$v['name']}</a>
                            {/volist}
                        </div>
                
                    </div>
                </div>
            </div>
        </footer>
    </div>

    <!-- 设置主题颜色 -->
    <div id="color"></div>

    <script src="/static/plug_in/jquery-1.9.1.min.js"></script>
    <script type="text/javascript" src="/static/plug_in/layui-v2.5.6/layui.js"></script>
    <script src="/static/web/js/vendor/popper.min.js"></script>
    <script src="/static/web/js/vendor/bootstrap.min.js"></script>
    <script src="/static/web/js/vendor/owl.carousel.min.js"></script>
    <script src="/static/web/js/active.js"></script>
    <script>

        layui.use(['layer','colorpicker'], function(){
            var layer = layui.layer;

            //设置主题颜色
            var colorpicker = layui.colorpicker;
            colorpicker.render({
                elem: '#color'
                ,color: color
                ,format:'rgb'
                ,predefine: true // 开启预定义颜色
                ,colors: ['rgb(35, 38, 57)','#006A90','#FF5722','#1E9FFF'] //自定义预定义颜色项
                ,done: function(color){
                    localStorage.setItem("siteColor", color)
                    el.style.setProperty(`--main-color`, color);
                    getRgbaColor(color);
                    
                }
            });
        });

        //切换主题色
        let color = localStorage.getItem('siteColor')|| "{$c['web_config_color'][0]['value']}"
        let el = document.documentElement;
        el.style.setProperty(`--main-color`, color);
        getRgbaColor(color);

        //处理rbg格式数据转成数组
        function getRgbaColor(color){
            let arr = color.match(/\((.+?)\)/g)[0];
            arr = arr.substr(1,arr.length-2).split(',');  
            el.style.setProperty(`--main-color-1`, `rgba(${arr[0]},${arr[1]},${arr[2]},.6)`);
        }

        $(".mobile-menu").click(function(){
            $(".mobile-menu-2").slideToggle(200);
        })
        $(".mebile-menu-3").click(function(){
            $(this).next().slideToggle(200);
        })
    </script>
    {block name='js'}{/block}
</body>
</html>